<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>凡客-注册页</title>
		<link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/org/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<script src="<?php echo __PUBLIC__?>/Home/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="<?php echo __PUBLIC__?>/Home/org/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/css/register.css" />
	</head>

	<body>
		<div id="top">
			<img src="<?php echo __PUBLIC__?>/Home/images/logo.gif" />
		</div>
		<div id="main">
			<h1>注册新用户</h1>
			<div class="left">
				<h2>选择注册方式：</h2>
				<script type="text/javascript">
					$(function(){
						$('.tab li').click(function(){
							var x=$(this).index();
							$(this).addClass('index').siblings('li').removeClass('index');
							$('.info_demo').eq(x).css('display','block').siblings('.info_demo').css('display','none');
						})
					
					})
				</script>
				<ul class="tab">
					<li class="email index">使用Email注册</li>
					<li class="tel">使用手机号注册</li>
				</ul>
				
				


				<!-- 异步验证 -->
				<script type="text/javascript">
					$(function(){
						$('input').blur(function() {
							// 或得当前val
							var data=$(this).val();

							$.ajax({
								url: "",
								type: 'POST',
								dataType: 'json',
								data: {data: 'data'},
							})
							
						});
					})
				</script>







				<form action="" method="post">
				<div class="info">
					<h2>填写您的信息：</h2>
					<script type="text/javascript">
						$(function(){
							$('input').focus(function(){
								var x=$(this).parent('li').index();
								$('.yincang').eq(x).css('display','block').siblings('.yincang').css('display','none');
								$('.yincang1').eq(x).css('display','block').siblings('.yincang1').css('display','none');
							})
							$('input').blur(function(){
								$('.yincang').css('display','none');
								$('.yincang1').css('display','none');
							})
						})
					</script>
					<div class="info_demo" style="display: block;">
						<ul class="info_email">
							<li>
								<p class="title">Email地址：</p>
								<input type="text" name="email" id="" value="" />
								<p class="yincang">Email地址作为用户名，同时也用于接收账户信息、订单通知及密码找回等功能</p>
								<p class="tu"><img src="<?php echo __PUBLIC__?>/Home/images/no.gif" alt="" /></p>
								<span class="box"></span>
								<p class="ajax_yc">请输入有效的Email地址</p>
							</li>
							<li>
								<p class="title">设定登录密码：</p>
								<input type="text" name="password" id="" value="" />
								<p class="yincang">6-16位字符，可使用字母、数字或符号的组合</p>
								<p class="tu"><img src="<?php echo __PUBLIC__?>/Home/images/no.gif" alt="" /></p>
								<span class="box"></span>
								<p class="ajax_yc">安全强度：</p>
							</li>
							<li>
								<p class="title">再次输入密码：</p>
								<input type="text" name="confirmPass" id="" value="" />
								<p class="yincang">请再次输入登录密码，两次输入必须一致</p>
								<p class="tu"><img src="<?php echo __PUBLIC__?>/Home/images/no.gif" alt="" /></p>
								<span class="box"></span>
								<p class="ajax_yc">两次输入密码不一致，请重新输入</p>
							</li>
							<li class="yzm">
								<p class="title">验证码：</p>
								<input type="text" name="code" id="" value="" />
								<img src="" />
								<a href="">看不清？<span>换一张</span></a>
								<p class="yincang" style="margin-top: 0;">请输入图片中的验证码，大小写不限</p>
								<p class="tu"><img src="<?php echo __PUBLIC__?>/Home/images/no.gif" alt="" /></p>
								<span class="box"></span>
								<p class="ajax_yc" style="margin-top: 0;">输入的验证码错误，请重试</p>
							</li>
							<li class="tj">
								<div>请阅读<a href="">《VANCL凡客诚品服务条款》</a></div>
								<input type="submit" name="" id="" value="同意以上条款并注册" />
							</li>
						</ul>
					</div>

					<div class="info_demo">
						<ul class="info_email">
							<li>
								<p class="title">手机号码：</p>
								<input type="text" name="phone" id="" value="" />
								<p class="yincang1">请填写真实的手机号，并进行验证</p>
							</li>
							<li>
								<p class="title">填写手机验证码：</p>
								<input type="text" name="pcode" id="" value="" />
								<p class="yincang1">请输入手机接收到的验证码</p>
							</li>
							<li>
								<p class="title">设定登录密码：</p>
								<input type="text" name="password" id="" value="" />
								<p class="yincang1">6-16位字符，可使用字母、数字或符号的组合</p>
							</li>
							<li>
								<p class="title">再次输入密码：</p>
								<input type="text" name="confirmPass" id="" value="" />
								<p class="yincang1">请再次输入登录密码，两次输入必须一致</p>
							</li>
							<li class="tj">
								<div>请阅读<a href="">《VANCL凡客诚品服务条款》</a></div>
								<input type="submit" name="" id="" value="同意以上条款并注册" />
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="right">
				<p><span>我已经注册，现在就</span><a href="<?php echo U('Member/login')?>">登录</a></p>
			</div>
		</div>
		</form>
		<!--网页结束-->
		<div id="bottom">
			<p>Copyright 2007 - 2016 vancl.com All Rights Reserved 出版物经营许可证新出发京批字第直xxxxx号</p>
			<div>
				<a href="" class="index_1"></a>
				<a href="" class="index_2"></a>
				<a href="" class="index_3"></a>
				<a href="" class="index_4"></a>
			</div>
		</div>
	</body>

</html>